@charset "utf-8";
/* =====================案例样式======================== */

.case_list{
	padding: 0.8rem 0;
}
.case_list ul{
	margin-top: 0.4rem;
}
.case_list ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 0.4rem;
}
.case_list ul li:nth-child(3n){
	margin-right: 0;
}
.case_list ul li a{
	display: block;
}
.case_list ul li a .pic{}
.case_list ul li a .pic.rect-4630{
	padding-bottom: 46.30%;
}
.case_list ul li a .pic img{}
.case_list ul li a:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
}
.case_list ul li a .info{
	border: 1px solid #dddddd;
	padding: 0.3rem 0;
}
.case_list ul li a .info p{
	text-align: center;
	font-size: 16px;
	color: #333;
}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.case_list ul{
		margin-top: 0.6rem;
	}
	.case_list ul li{
		width: 49%;
		margin-right: 2%;
	}
	.case_list ul li:nth-child(2n){
		margin-right: 0;
	}
}

@media all and (max-width:768px) {
	
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.case_list ul li{
		width: 100%;
		margin-right: 0;
	}
	.case_list ul li a .info p{
		font-size: 14px;
	}
}

@media all and (max-width:480px) {
	
}

@media all and (max-width:420px) {
	
}

@media all and (max-width:376px) {
	
}